<template>
  <div id="app">
    <!-- <router-view /> -->
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive"></router-view>
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive"></router-view>
  </div>
</template>

<script>
export default {
  name: "App"
};
</script>
<style>
table {
  font-size: 12px;
}

@media screen and (max-width: 380px) {
  * {
    font-size: 12px;
  }

  .el-breadcrumb.app-breadcrumb.breadcrumb-container {
    /* max-width: 250px; */
    overflow: hidden;
    height: 50px;
  }

  .el-breadcrumb__item:last-child {
    max-width: 80px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }

  .el-breadcrumb__item {
    white-space: nowrap;
  }

  .navbar {
    display: flex;
  }

  .navbar .breadcrumb-container span {
    display: flex;
  }

  .right-menu {
    margin-left: auto;
  }
}

.container {
  padding: 20px;
}

.el-message-box {
  width: 100% !important;
  max-width: 300px !important;
}
.el-message-box.test {
  max-width: 100% !important;
  width: 600px !important;
}
.el-message-box.tests {
  width: 1000px !important;
}
.el-message {
  min-width: 340px !important;
}

.el-date-editor .el-range-separator {
  width: 8% !important;
}

.el-input.is-disabled .el-input__inner {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.tags-view-container {
  height: 40px !important;
}

.el-button--small,
.el-button--mini,
.el-input-group--prepend {
  margin-bottom: 5px !important;
}

.el-table .cell {
  text-overflow: initial !important;
}

#app .sidebar-container {
  width: 250px !important;
}

#app .main-container {
  margin-left: 250px;
}

.el-collapse-item__header {
  font-size: 15px !important;
  font-weight: bold !important;
}
/*  将全选项隐藏 */
.section-table thead .el-table-column--selection .cell {
    display: none;
}
.paginations .pagination{
  margin-left: auto !important;
}
</style>
